<app-header></app-header>
<!-- 主页正文部分 Start -->
<!--轮播开始-->
<app-banner></app-banner>
<!--轮播结束-->

<!--内容开始-->
<!-- <div class="yong_hu hidden-md hidden-lg">
    <div class="jiantou"></div>
    <div class="yong_hu">绑定公众号</div>
</div> -->
<div style="background-color: #fafafa !important;">
<div class="container">
    <div class="row">
        <div class="public_number_box col-md-12 col-sm-12 col-xs-12">
            <div class="top_wenben_01 col-md-12 col-sm-12 col-xs-12">
                <!-- <div class="top_xian hidden-lg hidden-md"></div> -->
                <div class="top_wenben_o2">
                    <i class="common-line-left common-line hidden-md hidden-lg"></i>
                    <span class="bind-num-title">绑定公众号</span>
                    <i class="common-line-right common-line hidden-md hidden-lg"></i>
                    <span class="bind-num-line hidden-sm hidden-xs"></span>
                </div>

            </div>
            <div class="prior_information col-md-12 col-sm-12 col-xs-12">
            当前账号：<span class="dangqian-num">{{phone}}</span></div>
            <div style="clear: both;"></div>
            <div class="col-md-6 col-sm-12 bind-col-phone">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">应用APP_ID</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加应用APP_ID" [(ngModel)]="app_id" name="app_id" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">令牌</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加令牌" [(ngModel)]="token" name="token" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">服务器地址</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加服务器地址" [(ngModel)]="url" name="url" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">支付密钥</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加支付密钥" [(ngModel)]="api_key" name="api_key" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-6 col-sm-12 bind-col-phone">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">应用密钥</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加应用密钥" [(ngModel)]="app_secret" name="app_secret" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">消息加解密密钥</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加消息加解密密钥" [(ngModel)]="encoding_aes_key" name="encoding_aes_key" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">支付ID</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加支付ID" [(ngModel)]="mch_id" name="mch_id" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">公众号名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="添加公众号名称" [(ngModel)]="title" name="title" >
                        </div>
                    </div>
                </form>
            </div>
            <div style="clear: both;"></div>
            <div class="form-group form-group-btn">
                <button type="button" class="btn btn-primary btn-block" (click)="bPN()">绑定</button>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 主页正文部分 End -->
<app-footer></app-footer>